<script setup lang="ts">
import componentLeftBtn from './components/components-left-btn.vue'
import componentTopTitle from './components/components-top-title.vue'
import { ref, onMounted, nextTick } from "vue"
const ifd = ref()

onMounted(() => {
  nextTick(() => {
    // 禁用右键
    document.oncontextmenu=function(){ return false; }
    // 禁用选择
    document.onselectstart=function(){ return false; }
  })
})
</script>

<template>
  <componentTopTitle :ifm="ifd" class="top-title"/>
  <div class="main">
    <componentLeftBtn :ifm="ifd"/>
    <!-- <iframe
      ref="ifd"
      src=""
      frameborder="0"
      name="ifd"
      class="iframe"
    /> -->
  </div>
</template>

<style lang="scss" scoped>
.top-title {
  overflow: hidden;
  flex-shrink: 0;
  height: 34px;
}
.main {
  overflow: hidden;
  flex: 1;
  flex-shrink: 0;
  display: flex;
  display: -webkit-flex;
  height: calc(100% - 34px);
  .iframe {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-top: 1px solid #e9e9e9;
  }
}
</style>
